<template>
    <Person :list></Person>

</template>

<script lang="ts" setup>
import Person from "./components/Person.vue";
import { type Persons } from '@/types/index'
import { reactive } from 'vue'

// let PersonList: Persons = reactive([
//     { id: "12312321", name: "刘备", age: 10 },
//     { id: "47839431", name: "关羽", age: 11 },
//     { id: "31231441", name: "张飞", age: 20 },
// ])

let list = reactive<Persons>([
    { id: "12312321", name: "刘备", age: 10 },
    { id: "47839431", name: "关羽", age: 11 },
    { id: "31231441", name: "张飞", age: 20, x: 2121 },
])




</script>

<style lang="scss" scoped></style>
